<!DOCTYPE html>
<html lang="en">
    <head>
        <title>CompariTo.com - Happy Price</title>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <link rel="shortcut icon" href="../favicon.ico">
        <link rel="stylesheet" type="text/css" href="css/reset.css" /> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/style6.css" />
        <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' type='text/css' />
        <script src="scripts/jquery-1.7.2.min.js"></script>
        <script src="scripts/functions.js"></script>
        
    </head>
    <body>
    <div>
        <div class="container">
        <header>
		  <div id="fdw">
		  	<span><a href="index.html"/></span>
			<nav>
				<ul>
					<li class="current"><a href="#">home<span class="arrow"></span></a>
						<ul style="display: none;" class="sub_menu">
							<li><a class="subCurrent" href="#">Home Service</a></li>
							<li><a href="#">Home Responsive</a></li>
						</ul>
					</li>
					<li><a href="#">about</a></li>
					<li><a href="#">services</a></li>
					<li><a href="#">portfolio<span class="arrow"></span></a>
						<ul style="display: none;" class="sub_menu">
							<li class="arrow_top"></li>
							<li><a href="#">Portfolio 3 </a></li>
							<li><a href="#">Portfolio 4 </a></li>
							<li><a href="#">Portfolio Single</a></li>
							<li><a href="#">Portfolio Two</a></li>
						</ul>
					</li>
					<li><a href="#">blog<span class="arrow"></span></a>
						<ul style="display: none;" class="sub_menu">
							<li class="arrow_top"></li>
							<li><a href="#">Design</a></li>
							<li><a href="#">HTML5</a></li>
							<li><a href="#">CSS3</a>
							</li><li><a href="#">jQuery</a></li>
						</ul>
					</li>
					<li><a href="#">contact</a></li>
				</ul>
		</nav>
		<div style="clear:both;"></div>
		</div><!-- end fdw -->

	      </header><!-- end header -->
          <div class="content">
          		<div class="search">
          			<form method="get">
          				<input type="text" name="q" id="search_bx" autocomplete="off" title="Enter your search."
          					placeholder="Enther you search item" maxlength="300"/>
          				<select>
          					<option selected="selected">All category</option>
          					<option>Phones</option>
          					<option>Home Accessories</option>
          				</select>
          				<input type="submit" value="Submit" id="submit" />
          			</form>          		
          		</div>
                <div class="more">
                </div>
			<div>
				<ul class="ca-menu">
					<li><a href="#"> <span class="ca-icon">F</span>
							<div class="ca-content">
								<h2 class="ca-main">Exceptional Service</h2>
								<h3 class="ca-sub">Personalized to your needs</h3>
							</div>
					</a></li>
					<li><a href="#"> <span class="ca-icon">H</span>
							<div class="ca-content">
								<h2 class="ca-main">Creative Storytelling</h2>
								<h3 class="ca-sub">Advanced use of technology</h3>
							</div>
					</a></li>
					<li><a href="#"> <span class="ca-icon">N</span>
							<div class="ca-content">
								<h2 class="ca-main">Infographical Education</h2>
								<h3 class="ca-sub">Understanding visually</h3>
							</div>
					</a></li>
					<li><a href="#"> <span class="ca-icon">K</span>
							<div class="ca-content">
								<h2 class="ca-main">Sophisticated Team</h2>
								<h3 class="ca-sub">Professionals in action</h3>
							</div>
					</a></li>
					<div style="clear:both;"></div>
				</ul>
				
			</div>
		</div><!-- content -->
		<footer>
		Comparito &copy; 2013 
		</footer>
        </div>
    </div>
    </body>
</html>
